<template>
    <h1>app组件</h1>
    <!--
        vue 的组件
            因为后续的开发, 都是组件化开发, 所以vue给我们提供了 两种注册组件的方式

        什么是组件:
            可以理解为一段完整的功能代码 (html + css + js)
     -->


     <!-- 4. 在 template 中使用组件 -->
     <QFBtn />
     <!-- <QFBtn></QFBtn> -->

     <!-- 4. 使用全局注册的组件 -->
     <!-- <QFInp />
     <QFInp></QFInp> -->
</template>

<script>
// 1. 创建组件, 下一行是第二步, 引入组件
import QFBtn from './components/qf_btn.vue'

export default {
    // 3. 注册一个局部组件, 就是只能在当前的组件(App.vue)中使用
    components: {
        // QFBtn: QFBtn
        QFBtn
    }
};
</script>

<style></style>
